<template>

	<body>
		<div class="loan_nav col_nav">
			<ul>
				<li>
					<a href="javascript:history.go(-1)">
						<i class="iconfont">&#xe61e;</i>
					</a>
				</li>
				<li>
					<p>账单</p>
				</li>
				<li></li>
			</ul>
		</div>
		<div class="interval_T">

		</div>
		<div class="cycle">
			<ul>
				<li>
					<p>记账周期</p>
				</li>
				<li>
					<p>01/19-02/18</p>
				</li>
				<li>
					<div>
						<p>无需还款</p>
					</div>
				</li>
				<li>
					<p>还款日</p>
				</li>
				<li>
					<p>03/06</p>
				</li>
			</ul>
		</div>
		<div class="bill_amount">
			<p>账单总金额</p>
			<ul>
				<li>
					<p>¥</p>
				</li>
				<li>
					<p>0.00</p>
				</li>
			</ul>
		</div>
		<div class="bill_list" v-for="bill in bills">
			<ul>
				<li>
					<p>{{bill.time}}</p>
				</li>
				<li>
					<p>{{bill.title}}</p>
					<p>¥{{bill.price}}</p>
				</li>
			</ul>
		</div>
		<div class="repayment">
			<p>还款</p>
		</div>
	</body>
</template>

<script>
export default {
	data() {
		return {
			bills: [{ time: '01/22', title: '沃尔玛购物', price: '2899.00' }, { time: '01/21', title: '贷款', price: '100000.00' }],
		}
	}
}
</script>

<style>

</style>